@extends('layouts.root')

@section('title', 'Index')

@section('css')
    {{--<link href="{{url('/css/redactor.css')}}" rel="stylesheet">--}}
    <style>
        .w-100{width: 100%}
        hr{margin: 8px 0}
        .icon{margin-top: -28px;margin-left: 10px}
        .html img{width: 100%}
    </style>
@endsection

@section('content')
    <div class="container">
        <div class="nav navbar-fixed-top" style="background-color: #2aabd2">
            <h6 class="text-center">Record Info</h6>
            <span class="glyphicon glyphicon-chevron-left icon" onclick="window.history.back()"></span>
        </div>
        <div class="col-lg-12" style="margin-top: 50px">
            @if (!empty($child))
                <h5 class="text-center">{{$child->title}}</h5>
                <div class="w-100 html">
                    {{new \Illuminate\Support\HtmlString($child->description)}}
                </div>
            @endif
        </div>
    </div>
    <div style="position: fixed; right: 50px; bottom: 50px">
        <a href="#" class="btn btn-danger">Link</a>
    </div>
@endsection